<template>
  <div>
    <a-space direction="vertical" fill>
      <!-- <Chart height="122px" :option="chartOption" /> -->
      <!-- <a-table :columns="selectedHeader" :data="HislistData" /> -->
    </a-space>
  </div>
</template>

<script lang="ts" setup>
  import { reactive, computed, defineProps, ref } from 'vue';
  import useChartOption from '@/hooks/chart-option';

  const props = defineProps({
    eid: Array,
  });
  let HislistData = ref();

  const columns = [
    {
      id: 1,
      title: '使用人',
      visible: true,
      type: 'string',
      dataIndex: 'user_name',
    },
    {
      id: 2,
      title: '组织',
      visible: true,
      type: 'string',
      dataIndex: 'user_dep',
    },
    {
      id: 3,
      title: '岗位',
      visible: true,
      type: 'string',
      dataIndex: 'user_pos',
    },
    {
      id: 4,
      title: '使用文件',
      visible: true,
      type: 'string',
      dataIndex: 'file_name',
    },

    {
      id: 5,
      title: '使用次数',
      visible: true,
      type: 'string',
      dataIndex: 'time',
    },
    {
      id: 6,
      title: '使用时间',
      visible: true,
      type: 'string',
      dataIndex: 'createdAt',
      sortable: {
        sortDirections: ['ascend', 'descend'],
      },
    },
  ];

  // const selectedHeader = computed(() => {
  //   const arr: any = [];
  //   columns.forEach((item) => {
  //     if (item.visible) {
  //       arr.push(item);
  //     }
  //   });
  //   return arr;
  // });
  // 优化前使用forEach循环来迭代columns数组，并将满足条件的元素添加到新的数组中
  // 优化后使用filter方法来过滤columns数组，直接返回满足条件的元素,
  // 可以更快地获得所需的结果，并减少了不必要的代码量
  const selectedHeader = computed(() => {
    return columns.filter((item) => item.visible);
  });

  // const getHisCount = async () => {
  //   const id = Math.floor(props.eid.value);
  //   const res = await GetHisCount({ seal_id: id });
  //   console.log(res);
  // };
  // getHisCount();

  // const getHislistData = async () => {
  //   const id = Math.floor(props.eid.value);
  //   const res = await GetHisPage({
  //     seal_id: id,
  //     pageSize: '10',
  //     pageIndex: '0',
  //   });
  //   HislistData.value = res.data;
  // };
  // const getHislistData = async () => {
  //   const { value: id } = props.eid;
  //   const { data } = await GetHisPage({
  //     seal_id: Math.floor(id),
  //     pageSize: 10,
  //     pageIndex: 0,
  //   });
  //   HislistData.value = data;
  // };
  // getHislistData();
</script>

<style scoped lang="less"></style>
